<script setup lang="ts">
import LinkButton from './LinkButton.vue'
</script>

<template>
  <footer
    class="pt-2 pb-4 flex flex-col items-center text-sm text-zinc-500 space-y-1.5"
  >
    <p class="flex flex-row flex-wrap justify-center">
      本应用使用<LinkButton
        class="mx-1"
        href="https://learn.microsoft.com/zh-cn/training/modules/typescript-get-started/?wt.mc_id=studentamb_401116"
        >TypeScript</LinkButton
      >构建， 托管于
      <LinkButton
        class="mx-1"
        href="https://azure.microsoft.com/zh-cn/products/app-service/static/?wt.mc_id=studentamb_401116"
        >Azure Static Web Apps</LinkButton
      >。
    </p>
    <div class="flex flex-row flex-wrap justify-center">
      我正在申请成为<LinkButton
        class="mx-1"
        href="https://mvp.microsoft.com/zh-CN/studentambassadors?wt.mc_id=studentamb_401116"
        >微软学生大使</LinkButton
      >，请点击
      <LinkButton
        class="mx-1"
        href="https://mvp.microsoft.com/?wt.mc_id=studentamb_401116"
        >这个链接</LinkButton
      >
      贡献一次PV，祝我一臂之力！
    </div>
    <div class="flex flex-row flex-wrap justify-center">
      This project is supervised by
      <LinkButton
        class="mx-1"
        href="https://mvp.microsoft.com/zh-CN/MVP/profile/47ae1d7f-1cb4-ed11-b596-000d3a1ad36b?wt.mc_id=studentamb_401116"
        >Yin Zhang (Microsoft Developer Technologies MVP)</LinkButton
      >.
    </div>
  </footer>
</template>

<style scoped></style>
